6 React Hook:useRef


Posted by mijouhsieh on 2023-08-19

useRef is a React Hook that lets you reference a value that’s not needed for rendering.

useRef 這個 React Hook 可以在元件不重渲染的情況下,幫助我們在特定時刻取的特定的值,讓畫面有所改動。以上只是單一種情境。

學習重點

展現了 useRef 相當多靈巧的用法,而 useRef 最出現的場境是表單操作,你可以透過 useRef 來存取 DOM 節點的資料。根據這個使用場景,你需要將注意力聚焦在以下幾個問題上:

1 如何使用 useRef 來儲存資料或抓以前的值?
2 如何使用 ref 保存 DOM Node?useRef 會還傳一個物件,這個物件中會有一個 current 的屬性,屬性裡放的是什麼?
3 使用 useState 與 useRef 的差別是什麼?


#useRef #react-hook-







Related Posts

MySQL Server 安裝

MySQL Server 安裝

GraphQL 學習手冊(繁體書版本)- 了解什麼是 GraphQL

GraphQL 學習手冊(繁體書版本)- 了解什麼是 GraphQL

Vue3 Teleport 將元件指定位置

Vue3 Teleport 將元件指定位置


Comments